body,
html {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

nicholas {
	display: block;
	font-weight: bold;
	color: hotpink;
	font-size: 20px;
}

* {
	font-size: 20px;
	font-family: "Nicholas";
}

button {
	width: 5rem;
	height: 2rem;
	color: purple;
	background: gold;
	outline: none;
	border-radius: 50% 10px;
}

@font-face {
	font-family: "Nicholas";
	src: url("./fonts/字体管家小南瓜.ttf");
}

.size {
	background-image: url("./images/萌满老爷.png");
	background-repeat: no-repeat;
}

.size1 {
	width: 400px;
	height: 400px;
	background-size: 200px 100px;
}

.size2 {
	width: 400px;
	height: 210px;
	background-size: contain;
}
.size3{
	width: 400px;
	height: 210px;
	background-size: cover; 
}

.origin {
	width: 480px;
	height: 210px;
	border: 2px solid #000;
	background-image: url("./images/eat.jpg");
	background-repeat: no-repeat;
	padding-left: 300px;
}

.origin1 {
	background-origin: padding-box;
}

.origin2 {
	background-origin: content-box;
}

.pic {
	width: 235px;
	height: 235px;
	padding: 20px;
	border: 20px dashed rgba(255, 0, 0, .5);
	font-size: 2rem;
	font-weight: bold;
	color: hotpink;
	background: url("./images/萌满老爷.png") no-repeat;
}

.pic1 {
	background-clip: border-box;
	-webkit-background-clip: border-box;
	-o-background-clip: border-box;
	-moz-background-clip: border;
}

.pic2 {
	background-clip: padding-box;
	-webkit-background-clip: padding-box;
	-o-background-clip: padding-box;
	-moz-background-clip: padding;
}

.pic3 {
	background-clip: content-box;
	-webkit-background-clip: content-box;
	-o-background-clip: content-box;
}

#colorful_word {
	width: 300px;
	height: 300px;
	background: url("./images/萌满老爷.png") no-repeat left center;
	font-size: 250px;
	color: transparent;
	-webkit-background-clip: text;
}



.isfixed {
	width: 100%;
	height: 100%;
	background-position: center center;
	background-attachment: fixed;
	background-size:100% 90% ;
	background-repeat:no-repeat ;
}

.isfixed1 {
	background-image: url("./images/1440x900 (20).jpg");
}

.isfixed2 {
	background-image: url("./images/1440x900 (23).jpg");
}

.isfixed3 {
	background-image: url("./images/1440x900 (61).jpg");
}

.have {
	height: 120px;
	background: gray;
	transition: all 3s linear 300ms;
}

#have:hover p {
	color: aqua;
}

#have:hover+.have {
	background: purple;
	color: gold;
}
.jianbian{
	width: 300px;
	height: 100px;
	background: linear-gradient(midnightblue 20%,gold 30%,forestgreen 90%);
}

.jianbian2{
	width: 200px;
	height: 200px;
	background: radial-gradient(midnightblue 20%,gold 30%,forestgreen 90%);
}

